﻿
*{margin:0;padding:0;list-style-type:none;}
body{margin:0px;padding:0px;color:#000000; min-width:1145px;font-size:14px; font-family:"微软雅黑"; background-color:#f9f9f9;}
a,img{border:0; color:#000000}
a{color:#000;text-decoration: none;}
a:focus{outline:none;}
*{margin:0;padding:0;list-style-type:none;}
.clear{ clear:both}
.all-bg{ width:100%;}
a:hover{ text-decoration:none; color:#f04848}
.index-box{ width:1145px; margin-left:auto; margin-right:auto}

.float{ position:fixed; right:10px; top:45%; z-index:9999999999; text-align:center; width:177px;}
.float-all{ border:#CCCCCC solid 1px; text-align:left; background-color:#FFFFFF; margin-top:10px;}
.float-title{ font-size:16px; background-color:#e5e5e5; height:30px; line-height:30px; padding-left:10px;}
.float-ul1{ margin-top:10px;}
.float-ul1 div{ height:25px; line-height:25px; background:url(/Templete/icon4.png) left center no-repeat; padding-left:20px;  background-color:#e5e5e5;}
.float-ul1 li{ background:url(/Templete/pa.jpg) left center no-repeat; padding-left:30px; line-height:25px; margin:10px;}
.float-ul2{ margin-top:10px;}
.float-ul2 div{ height:25px; line-height:25px; background:url(/Templete/icon4.png) left center no-repeat; padding-left:20px;  background-color:#e5e5e5;}
.float-ul2 li{ background:url(/Templete/link1.png) left center no-repeat; padding-left:30px; line-height:25px; margin:5px 10px;}

#gb{ background:url(/Templete/icon3.png) center no-repeat; width:9px; height:8px; position: absolute; right:10px; top:59px;}



#qq_icon {
	width:187px;
	height:193px;
	background:url(/Templete/qq_icon.png) no-repeat;
	position:fixed;
	right:-200px;
	top:150px;
	cursor:pointer;
	 z-index:999999
}
#cs_online{
	width:217px;
	height:324px;
	position:fixed;
	top:150px;
	right:-220px;
	background:url(/Templete/qq_bg.png) no-repeat;
	display:none;
	filter:alpha(opacity:0);
	opacity:0;
	 z-index:999999
}
.qq_context {
	width:185px;
	height:244px;
	margin-top:73px;
	margin-left:24px;
	list-style:none;
	padding:0px;
}
.qq_context li {
	width:175px;
	height:25px;
	margin-left:5px;
	margin-top:20px;
	float:left;
}
.span_t {
	display:block;
	float:left;
	color:#333;
	line-height:25px;
	font-size:12px;
	font-family:'Arial';
}



.top{ height:25px; line-height:25px; color:#005bac; font-size:13px; border-bottom:#666666 solid 1px;display:none}

.head{ background:url(/Templete/head-bg.png) center no-repeat; height:100px; width:1145px; margin-left:auto; margin-right:auto;}
.lead{ width:100%; background:url(/Templete/lead-bg.jpg); height:35px;  line-height:35px; position:relative; z-index:9999999}
.lead>ul{ width:1145px; margin-left:auto; margin-right:auto;}
.lead>ul>li{ width:163px; text-align:center; float:left; background:url(/Templete/lead-libg.jpg) right center no-repeat; position:relative}
.lead>ul>li a{ color:#fff; }
.lead>ul>li:hover{ background: url(/Templete/lead-hover.jpg) right center no-repeat;}
.lead>ul>li:hover a{}

.li-li{ background:#ff7e00; position:absolute; width:99%; display:none}
.li-li ul li{ height:45px; line-height:45px; border-bottom:#e57100 solid 1PX;}
.li-li ul li:hover{ background-color:#fea317}
.lead>ul>li:hover .li-li{ display:block;}

/*轮播图*/
.banner{ width:100%; float:right;position:relative;font-size:0;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
/*pager*/
.callbacks_tabs.callbacks1_tabs{ position: absolute;z-index:100;margin-bottom:13px; bottom:30px; left:45%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:40px;height:3px;margin-left:15px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:40px;height:3px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:#fff;border:1px solid #fff;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#ff7e00; border:#ff7e00 solid 1px;}
/* Callback example */
.callbacks_container{margin-bottom:2px;position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("/Templete/themes.gif") no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
@media screen and (max-width:600px){.callbacks_nav{top:47%;}}

.key{ background-color:#f1f0f0; height:25px; line-height:25px;}
.key a{ margin:5px; color:#005bac; font-size:13px;}

.content{ width:1145px; margin-left:auto; margin-right:auto;  padding:20px; margin-top:20px;}
.left{ width:230px; float:left;}
.fenlei-title{ background:url(/Templete/title1.png) left center no-repeat; height:55px;}
.fenlei ul li{ background:url(/Templete/li-bg.jpg); height:40px; line-height:40px; text-align:center; width:100%;  margin-top:2px;}
.fenlei ul li a{color:#005bac;}
.fenlei ul li:hover{ background:url(/Templete/li-bgs.jpg)}
.fenlei ul li:hover a{ color:#FFFFFF}
.serve{ background-color:#ff7e00; padding:8px; color:#FFFFFF; margin:5px 0;}
.serve strong{ font-size:15px;}
.serve p{ margin-top:5px; line-height:25px;}
.contact-title{ background:url(/Templete/title3.jpg) center no-repeat; height:34px;}
.contact p{ padding:2px;  line-height:22px; color:#333}

.right{ width:900px; float:right}
.tuijian-title{ background:url(/Templete/title2.png) left center no-repeat; height:42px;}
.tuijian-title a{color:#005bac; font-size:13px; float:right; margin-top:17px; margin-right:10px;}
#marquee4{width:100%;height:978px; overflow:hidden; margin-top:8px;}
.mar-li-img{width:212px; height:180px; float:left;position:relative; margin-top:10px; margin:5px; text-align:center; border:#cecece solid 1px; background-color:#FFFFFF; overflow:hidden}
.mar-li-img img{ height:100%;}
.mar-li{ width:100%; }
.mar-li-img p{ position:absolute; background-color:#FFFFFF; color: #333333; height:30px; line-height:30px; text-align:center; bottom:0px; left:0; width:100%}
.mar-li-img:hover>p{ background-color:#005bac; color:#FFFFFF}
.mar-li-img>p a{ color:#333333}
.mar-li-img:hover>p a{ color:#FFFFFF}
.box{ margin-top:10px;}
.news{ width:560px; float:left;}
.news-title a{ padding-right:10px;}
.news-img{ height:115px; width:100%; border-bottom:#CCCCCC solid 1px; margin-top:5px;}
.news-img img{ float:left;}
.news-img div{ width:260px; float:right;}
.news-img div a{ color:#005bac; font-size:15px;}
.news-img div p{ font-size:12px; color:#666666; margin-top:5px; line-height:25px;}
.news ul{ margin-top:8px; width:560px;}
.news ul li{ background:url(/Templete/icon1.jpg) left center no-repeat; padding-left:10px; width:250px; margin-right:20px; float:left; height:25px; line-height:25px; overflow:hidden}
.news ul li a{ color:#333333}
.news ul li:hover a{ color:#005bac}
.about{ width:330px; float:right;}
.about-title{ background:url(/Templete/title6.png) left center no-repeat; height:34px;}
.about-title a{ color:#005bac; font-size:13px; float:right; margin-top:10px;}
.about p{ background-color:#eae9e9; padding:10px; line-height:22px; color:#333333; height:100px;}

.foot{ min-height:120px; padding-top:20px; background-color:#00499b; width:100%; text-align:center; border-bottom:#ff7e00 solid 3px; margin-top:20px;}
.foot-lead{ background:url(/Templete/foot-bg.png) center no-repeat; height:44px; width:947px; margin-left:auto; margin-right:auto; color:#FFFFFF; line-height:25px;}
.foot-lead a{ color:#FFFFFF; padding:0 20px;}
.foot-lead a:hover{ color:#ff7e00}
.foot-cont{ text-align:center; width:1145px; margin-left:auto; margin-right:auto; line-height:25px; color:#FFFFFF; margin-top:10px;}

.erji-title{ height:30px; line-height:30px; background-color:#f4f4f4}
.erji-title span{ background-color:#005bac; height:30px; line-height:30px; color:#FFFFFF; font-size:16px; padding:0 20px; float:left}
.erji-title div{ width:400px; float:right; text-align:right; margin-right:10px;}
.erji-about{ line-height:25px; padding:20px; border:#f2f2f2 solid 1px; min-height:535px;position: relative;}

.erji-product{border:#f2f2f2 solid 1px; padding:5px; min-height:535px;}
.erji-product ul li{ width:210px; float:left;margin:5px; border:#CCCCCC solid 1px;}
.erji-product ul li div{ width:210px; height:160px; text-align:center; overflow:hidden; background-color:#333333; }
.erji-product ul li div img{ height:100%;}
.erji-product ul li p{ text-align:center; width:100%; height:25px; line-height:25px;}
.erji-product ul li:hover{ border:#005bac solid 1px;}
.erji-product ul li:hover p{ background-color:#005bac; color:#FFFFFF}
.erji-news{border:#f2f2f2 solid 1px; padding:10px; min-height:535px;}
.erji-news ul li{ height:30px; line-height:30px; border-bottom:#CCCCCC dashed 1px; padding-left:15px; background:url(/Templete/icon1.jpg) left center no-repeat;}
.erji-news ul li a{ width:630px; float:left}
.erji-news ul li span{ width:110px; float:right; text-align:right; font-size:13px; color:#333333}